<template>
    <div>



        <router-view> </router-view>
        <van-tabbar v-model="active" route style="z-index:999" active-color="red">
            <van-tabbar-item icon="home-o" replace to="/myapp/home">新闻</van-tabbar-item>
            <van-tabbar-item icon="music-o" replace to="/myapp/ranVideo">音乐</van-tabbar-item>
            <van-tabbar-item icon="chat-o" replace to="/myapp/hot">热点</van-tabbar-item>
            <van-tabbar-item icon="friends-o" replace to="/myapp/user">我的</van-tabbar-item>
        </van-tabbar>
    </div>

</template>

<script>
    export default {
        name: "myapp",
        data(){
            return {
                active: 0,
            };
        },
        methods:{
        },
        created(){
            if(this.$route.query.active){
                this.active=Number(this.$route.query.active);
            }
        },
        mounted() {
            this.loading = false;
        }
    }
</script>

<style scoped>
</style>